
.blog-list{
    width: 1535px;

}
.blog-list article{
    padding: 10px;
    border: 1px solid #ECEDF2 ;
    border-radius: 8px;
    width: 385px;
    margin-top: 100px;
  
}

.blog-list .img-box{
    height: 248px;
    background-size: 100%;
    background: url(../images-2/resource/news-3-5.png);
    border-radius: 10px;
    transition: all 300ms ease;
    
}
.blog-list article:hover .img-box{
 background-size: 110%;
}
.blog-list .intro{
    padding: 20px;
}
.blog-list .date{
    font-size: 14px;

}
.blog-list .date span{
    height: 6px;
    width: 6px;
   color: #696969;
    border-radius: 5px;
    margin:0 10px;
    transform:translateY(-2px);
    
}
.blog-list .intro h3{
  font-size:18px;
  color:#202124;
  font-weight: 500;
  margin-bottom: 10px;
  transition:all 300ms ease;

}
.blog-list .intro h3:hover{
 color: #1967D2;

  
  }
.blog-list .read-more{
    color: #1967D2;
   font-size: 16px;
     
 }
 .blog-list .read-more i{
  margin-left: 10px;
     
 }
 .blog-list .read-more:hover i{
   transform: translateX(20px);
   color: transparent;
   transition: all 0.5s ease;
       
   }
   aside .catagory-list{
color: #696969;
font-size: 15px;
   }
   aside .catagory-list li::before{
display: block;
content: "";
height: 4px;
width: 4px;
border-radius:4 ;



   }
aside{
       height: 100%;
       width: 326px;
       padding: 30px;
       margin-left: 20px;
       background: #000;
   }